.local-search-pop-overlay
  position: fixed
  width: 100%
  height: 100%
  top: 0
  left: 0
  z-index: 2080
  background-color: rgba(0, 0, 0, 0.3)
  z-index: auto

.local-search-popup
  display: none
  position: fixed
  top: 10%
  left: 50%
  margin-left: -350px
  width: 700px
  height: 80%
  padding: 0
  background: #fff
  color: #333
  z-index: 9999
  border-radius: 5px
  @media mq-mobile
    padding: 0
    top: 0
    left: 0
    margin: 0
    width: 100%
    height: 100%
    border-radius: 0

  ul.search-result-list
    padding: 0
    margin: 0 5px

  p.search-result
    border-bottom: 1px dashed #ccc
    padding: 5px 0
    color: #000000

  a.search-result-title
    font-weight: bold
    font-size: 16px
    color: #258fb8

  .search-keyword
    border-bottom: 1px dashed #f00
    font-weight: bold
    color: #f00

  .local-search-header
    padding: 5px
    height: 36px
    background: #f5f5f5
    border-top-left-radius: 5px
    border-top-right-radius: 5px

  #local-search-result
    overflow: auto
    position: relative
    padding: 5px 25px
    height: calc(100% - 55px)

  .local-search-input-wrapper
    display: inline-block
    width: calc(100% - 90px)
    height: 36px
    line-height: 36px
    padding: 0 5px

  .local-search-input-wrapper input
    padding: 8px 0
    height: 20px
    display: block
    width: 100%
    outline: none
    border: none
    background: transparent
    vertical-align: middle

  .search-icon, .popup-btn-close
    display: inline-block
    font-size: 18px
    color: #999
    height: 36px
    width: 18px
    padding-left: 10px
    padding-right: 10px
    padding-top: 5px

  .search-icon
    float: left

  .popup-btn-close
    border-left: 1px solid #eee
    float: right
    cursor: pointer

  #no-result
    position: absolute
    left: 50%
    top: 50%
    -webkit-transform: translate(-50%, -50%)
    transform: translate(-50%, -50%)
    color: #ccc